第二十天！今天要做的是發佈我們寫好的網頁。發佈網頁的工具有很多，上網都可以搜尋得到各種教學，這邊使用GitHub當範例，以下提供兩種方法。

要使用GitHub之前，首先要有一個GitHub帳號，但註冊帳號應該不需要多加說明，所以直接開始！

以下的username都是指你的GitHub用戶名稱。

一、使用Git

這是搜尋「如何使用GitHub發佈網頁」後最常見的解答。

GitHub的官方網頁上也有教學，但我本人一直不是很懂Git和Cmd的語法等等，所以有點穿插著做，很意外的是竟然可行，以下就來講講我的做法。

• 在GitHub建立repository

  • 點擊首頁右上角的「+」，選擇「New repository」。
    

  • 輸入名稱（這邊以username.github.io為例）後直接按下面「Create repository」。

    網路上（包含官方網站）都說名稱必須是username.github.io，
    但我曾使用過其他名稱，一樣可以產生網頁，只是差在網址最後有無repository名稱。

    

  • 出現以下畫面即代表成功建立一個repository。
    

• clone剛剛建的repository至電腦
  • 在「30Days」資料夾上按右鍵，選擇「在終端中開啟」。
    
  • 輸入git clone https://github.com/username/username.github.io.git。
    
• 將之前實作寫好的檔案放進「username.github.io」
  • 將「Daan」資料夾和「home」資料夾底下的「img」資料夾及「index.html」檔案複製到「username.github.io」資料夾中。
    
• 將檔案傳至GitHub上
  • 回到終端機輸入cd username.github.io以切換資料夾。
  • 依序輸入git add --all、git commit -m "Initial commit"、git push -u origin main就大功告成！
    
• 完成畫面：
  

網址

發佈網頁為的就是要產生一個網址，這樣才可以讓其他人看到你的網頁，那麼網址要去哪裡找呢？

• 在「username.github.io」首頁點擊「Settings」
  
• 在左側目錄點擊「Pages」
  
• 就找到網址了！
  

篇幅關係今天先介紹第一種方法，明天再介紹第二種方法。我是YQ，明天見。